<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="姜美丽">
    <title></title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="分类.css">
</head>

<body>
    <div class="daohangtiao">
        <a href="小米首页.html"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></a>
        <span>商品分类</span>
        <a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></a>
    </div>
    <div class="box1">
       <ul>
           <a href=""><li>手机·电话卡</li></a>
           <a href=""><li>笔记本·平板</li></a>
           <a href=""><li>小米生活方式</li></a>
           <a href=""><li>其他</li></a>   
         </ul>
    </div>
    <!--波叔图片-->
     <img class="boshu" src="image/商品列表/222.png" alt="">
     <div class="buju">
         <p>手机/平板/电视</p><br>
        <mian class="box2">
            <figure>
                <a href="#">
                    <img src="image/mimall/sec-1.jpg" alt="">
                    <figcaption>小米1</figcaption>
                </a>
            </figure>
            <figure>
                <a href="#">
                    <img src="image/mimall/sec-2.jpg" alt="">
                    <figcaption>小米2</figcaption>
                </a>
            </figure>
            <figure>
                <a href="#">
                    <img src="image/mimall/sec-3.jpg" alt="">
                    <figcaption>小米3</figcaption>
                </a>
            </figure>
            <figure>
                <a href="#">
                    <img src="image/mimall/sec-4.jpg" alt="">
                    <figcaption>小米4</figcaption>
                </a>
            </figure>
            <figure>
                <a href="#">
                    <img src="image/mimall/sec-5.jpg" alt="">
                    <figcaption>小米5</figcaption>
                </a>
            </figure>
            <figure>
                <a href="#">
                    <img src="image/mimall/sec-6.jpg" alt="">
                    <figcaption>小米6</figcaption>
                </a>
            </figure>
             <figure>
                <a href="#">
                    <img src="image/mimall/sec-7.jpg" alt="">
                    <figcaption>小米7</figcaption>
                </a>
            </figure>
             <figure>
                <a href="#">
                    <img src="image/mimall/sec-8.jpg" alt="">
                    <figcaption>小米8</figcaption>
                </a>
            </figure>
             <figure>
                <a href="#">
                    <img src="image/mimall/sec-9.jpg" alt="">
                    <figcaption>小米9</figcaption>
                </a>
            </figure>
        </mian>
    </div>

         <div class="buju">
         <p>手机/平板/电视</p><br>
        <mian class="box2">
            <figure>
                <a href="#">
                    <img src="image/mimall/sec-1.jpg" alt="">
                    <figcaption>小米1</figcaption>
                </a>
            </figure>
            <figure>
                <a href="#">
                    <img src="image/mimall/sec-2.jpg" alt="">
                    <figcaption>小米2</figcaption>
                </a>
            </figure>
            <figure>
                <a href="#">
                    <img src="image/mimall/sec-3.jpg" alt="">
                    <figcaption>小米3</figcaption>
                </a>
            </figure>
            <figure>
                <a href="#">
                    <img src="image/mimall/sec-4.jpg" alt="">
                    <figcaption>小米4</figcaption>
                </a>
            </figure>
            <figure>
                <a href="#">
                    <img src="image/mimall/sec-5.jpg" alt="">
                    <figcaption>小米5</figcaption>
                </a>
            </figure>
            <figure>
                <a href="#">
                    <img src="image/mimall/sec-6.jpg" alt="">
                    <figcaption>小米6</figcaption>
                </a>
            </figure>
             <figure>
                <a href="#">
                    <img src="image/mimall/sec-7.jpg" alt="">
                    <figcaption>小米7</figcaption>
                </a>
            </figure>
             <figure>
                <a href="#">
                    <img src="image/mimall/sec-8.jpg" alt="">
                    <figcaption>小米8</figcaption>
                </a>
            </figure>
             <figure>
                <a href="#">
                    <img src="image/mimall/sec-9.jpg" alt="">
                    <figcaption>小米9</figcaption>
                </a>
            </figure>
        </mian>
    </div>




    <nav class="navbar navbar-default navbar-fixed-bottom" style="text-align: center">
        <a href="小米首页.html"><span class="glyphicon glyphicon-home" aria-hidden="true"><br>首页</span></a>
        <a href="分类.html"><span class="glyphicon glyphicon-search" aria-hidden="true"><br>分类</span></a>
        <a href="购物车.html"><span class="glyphicon glyphicon-gift" aria-hidden="true"><br>购物车</span></a>
        <a href="我的.html"><span class="glyphicon glyphicon-user" aria-hidden="true"><br>我的</span></a>
    </nav>

    <script src="bootstrap/js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>